{% extends 'feedback/base.html' %} {% block title %} Просмотр изображения
{%endblock%} {% block content %}

<div
  class="modal fade show"
  id="imageview_modal"
  tabindex="-1"
  aria-labelledby="exampleModalFullscreenLabel"
  style="display: block"
  aria-modal="true"
  role="dialog"
>
      {% comment %}
      <div class="modal-dialog modal-fullscreen">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title h4">Просмотр изображения</h5>
            <button
              type="button"
              class="btn-close"
              data-bs-dismiss="modal"
              aria-label="Close"
              _="on click remove #imageview_modal"
            ></button>
          </div>
          <div class="modal-body">
            {% endcomment %}
            <a>
              <img
                src="{{ image.img.url }}"
                alt="{{ image.img.name }}"
                class="img-fluid rounded mx-auto d-block"
                style="height: 90%"
            /></a>
            <button
              class="btn btn-primary"
              _="on click remove #imageview_modal"
            >
              Закрыть
            </button>
            {% if user.mpp == image.etap.mpp_etap and image.etap.dz_etap == False %}
            <button
              hx-trigger="confirmed"
              hx-get="/naryad/delete_img/upd/{{ image.etap.id }}/{{ image.id }}"
              hx-target="#information_form"
              hx-swap="outerHTML"
              hx-select="#information_form"
              class="btn btn-danger"
              href="#"
              _="on click call Swal.fire({
          title: 'Удалить изображение?', 
          text: 'Вы уверенны что хотите удалить изображение?. Это действие необратимо.', 
          icon: 'warning', 
          showCancelButton: true, 
          confirmButtonColor: '#3085d6', 
          cancelButtonColor: '#d33000', 
          cancelButtonText: 'Отмена',
          confirmButtonText: 'Удалить'}) 
          if result.isConfirmed trigger confirmed
          then remove #imageview_modal
          "
            >
              Удалить
            </button>
            {% comment %}
          </div>
          <div class="modal-footer">
            <button
              type="button"
              class="btn btn-secondary"
              data-bs-dismiss="modal"
              _="on click remove #imageview_modal"
            >
              Закрыть
            </button>
          </div>
        </div>
      </div>
      {% endcomment %}
  </div>
  <style>
    .img_container {
      position: relative;
      display: inline-block;
      text-align: center;
      border: 1px solid red;
    }

    .img_container button {
      position: absolute;
      bottom: 10px;
      right: 10px;
      width: 100px;
      height: 30px;
    }
  </style>
  {% comment %}
  <script>
    Swal.fire({
      template: "#my-template",
    });
  </script>
  {% endcomment %} {% endblock %}
</div>
